<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全选操作</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <!--<script type="text/javascript" src="../js/jquery-1.4.1.min.js"></script>-->
    <script>
        $(function(){
            $("#all").click(function(){
                // 在jquery1.9之后,针对表单元素新增了一个prop属性
                // prop:用于操作表单元素的属性的
                // 某些表单元素的属性在操作时,如果使用attr可能失效
                // 建议:在操作表单属性时,使用prop实现
                // $("input[name='emp']").attr("checked",$("#all").attr("checked"));
                $("input[name='emp']").prop("checked",$("#all").prop("checked"));
            });
        });
    </script>
</head>
<body>
<table border="1">
    <tr>
        <th><input type="checkbox" id="all">全选</th>
        <th>编号</th>
        <th>姓名</th>
        <th>工资</th>
    </tr>
    <tr>
        <td><input type="checkbox" name="emp"></td>
        <td>1</td>
        <td>admin</td>
        <td>5600</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="emp"></td>
        <td>1</td>
        <td>admin</td>
        <td>5600</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="emp"></td>
        <td>1</td>
        <td>admin</td>
        <td>5600</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="emp"></td>
        <td>1</td>
        <td>admin</td>
        <td>5600</td>
    </tr>
</table>
</body>
</html>